{include file='admin/main.tpl'}







<main class="content">
	<div class="content-header ui-content-header">
		<div class="container">
			<h1 class="content-heading">汇总</h1>
		</div>
	</div>
	<div class="container">
		<section class="content-inner margin-top-no">
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<div class="card margin-bottom-no">
						<div class="card-main">
							<div class="card-inner">
                                {if $config["payment_system"]=='pay91'}
									<h3>站长如需提现，<a href="https://jq.qq.com/?_wv=1027&k=5xQxeYX" target="_blank">加Q群|538609570</a>或<a href="https://t.me/gh012363" target="_blank">TG联系</a></h3>
									<p>付款接口需购买使用，购买之后终身免手续费提现、提供终身升级服务、终身技术支持。未找秋名山事先说明的用户，因为无法识别充值来源。所以无法提现。</p>
                                {else}
									<p>站点相关的所有信息</p>
                                {/if}
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="ui-card-wrap">
				<div class="row">

					<div class="col-lg-6 col-sm-6">


						<div class="card">
							<div class="card-main">
								<div class="card-inner margin-bottom-no">

									<div id="check_chart" style="height: 300px; width: 100%;"></div>

									<script src="//cdn.staticfile.org/canvasjs/1.7.0/canvasjs.js"></script>
									<script type="text/javascript">
                                        var chart = new CanvasJS.Chart("check_chart",
                                            {
                                                title:{
                                                    text: "用户签到情况(总用户 {$sts->getTotalUser()}人)",
                                                    fontFamily: "Impact",
                                                    fontWeight: "normal"
                                                },

                                                legend:{
                                                    verticalAlign: "bottom",
                                                    horizontalAlign: "center"
                                                },
                                                data: [
                                                    {
                                                        //startAngle: 45,
                                                        indexLabelFontSize: 20,
                                                        indexLabelFontFamily: "Garamond",
                                                        indexLabelFontColor: "darkgrey",
                                                        indexLabelLineColor: "darkgrey",
                                                        indexLabelPlacement: "outside",
                                                        type: "doughnut",
                                                        showInLegend: true,
                                                        dataPoints: [
                                                            {
                                                                y: {(1-($sts->getCheckinUser()/$sts->getTotalUser()))*100}, legendText:"没有签到过的用户 {number_format((1-($sts->getCheckinUser()/$sts->getTotalUser()))*100,2)}% {$sts->getTotalUser()-$sts->getCheckinUser()}人", indexLabel: "没有签到过的用户 {number_format((1-($sts->getCheckinUser()/$sts->getTotalUser()))*100,2)}% {$sts->getTotalUser()-$sts->getCheckinUser()}人"
                                                            },
                                                            {
                                                                y: {(($sts->getCheckinUser()-$sts->getTodayCheckinUser())/$sts->getTotalUser())*100}, legendText:"曾经签到过的用户 {number_format((($sts->getCheckinUser()-$sts->getTodayCheckinUser())/$sts->getTotalUser())*100,2)}% {$sts->getCheckinUser()-$sts->getTodayCheckinUser()}人", indexLabel: "曾经签到过的用户 {number_format((($sts->getCheckinUser()-$sts->getTodayCheckinUser())/$sts->getTotalUser())*100,2)}% {$sts->getCheckinUser()-$sts->getTodayCheckinUser()}人"
                                                            },
                                                            {
                                                                y: {$sts->getTodayCheckinUser()/$sts->getTotalUser()*100}, legendText:"今日签到用户 {number_format($sts->getTodayCheckinUser()/$sts->getTotalUser()*100,2)}% {$sts->getTodayCheckinUser()}人", indexLabel: "今日签到用户 {number_format($sts->getTodayCheckinUser()/$sts->getTotalUser()*100,2)}% {$sts->getTodayCheckinUser()}人"
                                                            }
                                                        ]
                                                    }
                                                ]
                                            });

                                        chart.render();
									</script>

								</div>

							</div>
						</div>


						<div class="card">
							<div class="card-main">
								<div class="card-inner margin-bottom-no">

									<div id="alive_chart" style="height: 300px; width: 100%;"></div>

									<script src="//cdn.staticfile.org/canvasjs/1.7.0/canvasjs.js"></script>
									<script type="text/javascript">
                                        var chart = new CanvasJS.Chart("alive_chart",
                                            {
                                                title:{
                                                    text: "用户在线情况(总用户 {$sts->getTotalUser()}人)",
                                                    fontFamily: "Impact",
                                                    fontWeight: "normal"
                                                },

                                                legend:{
                                                    verticalAlign: "bottom",
                                                    horizontalAlign: "center"
                                                },
                                                data: [
                                                    {
                                                        //startAngle: 45,
                                                        indexLabelFontSize: 20,
                                                        indexLabelFontFamily: "Garamond",
                                                        indexLabelFontColor: "darkgrey",
                                                        indexLabelLineColor: "darkgrey",
                                                        indexLabelPlacement: "outside",
                                                        type: "doughnut",
                                                        showInLegend: true,
                                                        dataPoints: [
                                                            {
                                                                y: {(($sts->getUnusedUser()/$sts->getTotalUser()))*100}, legendText:"从未在线的用户 {number_format((($sts->getUnusedUser()/$sts->getTotalUser()))*100,2)}% {(($sts->getUnusedUser()))}人", indexLabel: "从未在线的用户 {number_format((($sts->getUnusedUser()/$sts->getTotalUser()))*100,2)}% {(($sts->getUnusedUser()))}人"
                                                            },
                                                            {
                                                                y: {(($sts->getTotalUser()-$sts->getOnlineUser(86400)-$sts->getUnusedUser())/$sts->getTotalUser())*100}, legendText:"一天以前在线的用户 {number_format((($sts->getTotalUser()-$sts->getOnlineUser(86400)-$sts->getUnusedUser())/$sts->getTotalUser())*100,2)}% {($sts->getTotalUser()-$sts->getOnlineUser(86400)-$sts->getUnusedUser())}人", indexLabel: "一天以前在线的用户 {number_format((($sts->getTotalUser()-$sts->getOnlineUser(86400)-$sts->getUnusedUser())/$sts->getTotalUser())*100,2)}% {($sts->getTotalUser()-$sts->getOnlineUser(86400)-$sts->getUnusedUser())}人"
                                                            },
                                                            {
                                                                y: {($sts->getOnlineUser(86400)-$sts->getOnlineUser(3600))/$sts->getTotalUser()*100}, legendText:"一天内在线的用户 {number_format(($sts->getOnlineUser(86400)-$sts->getOnlineUser(3600))/$sts->getTotalUser()*100,2)}% {($sts->getOnlineUser(86400)-$sts->getOnlineUser(3600))}人", indexLabel: "一天内在线的用户 {number_format(($sts->getOnlineUser(86400)-$sts->getOnlineUser(3600))/$sts->getTotalUser()*100,2)}% {($sts->getOnlineUser(86400)-$sts->getOnlineUser(3600))}人"
                                                            },
                                                            {
                                                                y: {($sts->getOnlineUser(3600)-$sts->getOnlineUser(60))/$sts->getTotalUser()*100}, legendText:"一小时内在线的用户 {number_format(($sts->getOnlineUser(3600)-$sts->getOnlineUser(60))/$sts->getTotalUser()*100,2)}% {($sts->getOnlineUser(3600)-$sts->getOnlineUser(60))}人", indexLabel: "一小时内在线的用户 {number_format(($sts->getOnlineUser(3600)-$sts->getOnlineUser(60))/$sts->getTotalUser()*100,2)}% {($sts->getOnlineUser(3600)-$sts->getOnlineUser(60))}人"
                                                            },
                                                            {
                                                                y: {($sts->getOnlineUser(60))/$sts->getTotalUser()*100}, legendText:"一分钟内在线的用户 {number_format(($sts->getOnlineUser(60))/$sts->getTotalUser()*100,2)}% {($sts->getOnlineUser(60))}人", indexLabel: "一分钟内在线的用户 {number_format(($sts->getOnlineUser(60))/$sts->getTotalUser()*100,2)}% {($sts->getOnlineUser(60))}人"
                                                            }
                                                        ]
                                                    }
                                                ]
                                            });

                                        chart.render();
									</script>

								</div>

							</div>
						</div>


					</div>


					<div class="col-lg-6 col-sm-6">


						<div class="card">
							<div class="card-main">
								<div class="card-inner margin-bottom-no">

									<div id="node_chart" style="height: 300px; width: 100%;"></div>

									<script src="//cdn.staticfile.org/canvasjs/1.7.0/canvasjs.js"></script>
									<script type="text/javascript">
                                        var chart = new CanvasJS.Chart("node_chart",
                                            {
                                                title:{
                                                    text: "节点在线情况(节点数 {$sts->getTotalSSNode()}个)",
                                                    fontFamily: "Impact",
                                                    fontWeight: "normal"
                                                },

                                                legend:{
                                                    verticalAlign: "bottom",
                                                    horizontalAlign: "center"
                                                },
                                                data: [
                                                    {
                                                        //startAngle: 45,
                                                        indexLabelFontSize: 20,
                                                        indexLabelFontFamily: "Garamond",
                                                        indexLabelFontColor: "darkgrey",
                                                        indexLabelLineColor: "darkgrey",
                                                        indexLabelPlacement: "outside",
                                                        type: "doughnut",
                                                        showInLegend: true,
                                                        dataPoints: [
                                                            {if $sts->getTotalSSNode()!=0}
                                                            {
                                                                y: {(1-($sts->getAliveSSNode()/$sts->getTotalSSNode()))*100}, legendText:"离线节点 {number_format((1-($sts->getAliveSSNode()/$sts->getTotalSSNode()))*100,2)}% {$sts->getTotalSSNode()-$sts->getAliveSSNode()}个", indexLabel: "离线节点 {number_format((1-($sts->getAliveSSNode()/$sts->getTotalSSNode()))*100,2)}% {$sts->getTotalSSNode()-$sts->getAliveSSNode()}个"
                                                            },
                                                            {
                                                                y: {(($sts->getAliveSSNode()/$sts->getTotalSSNode()))*100}, legendText:"在线节点 {number_format((($sts->getAliveSSNode()/$sts->getTotalSSNode()))*100,2)}% {$sts->getAliveSSNode()}个", indexLabel: "在线节点 {number_format((($sts->getAliveSSNode()/$sts->getTotalSSNode()))*100,2)}% {$sts->getAliveSSNode()}个"
                                                            }
                                                            {/if}
                                                        ]
                                                    }
                                                ]
                                            });

                                        chart.render();
									</script>

								</div>

							</div>
						</div>


						<div class="card">
							<div class="card-main">
								<div class="card-inner margin-bottom-no">

									<div id="traffic_chart" style="height: 300px; width: 100%;"></div>

									<script src="//cdn.staticfile.org/canvasjs/1.7.0/canvasjs.js"></script>
									<script type="text/javascript">
                                        var chart = new CanvasJS.Chart("traffic_chart",
                                            {
                                                title:{
                                                    text: "流量使用情况(总分配流量 {$sts->getTotalTraffic()})",
                                                    fontFamily: "Impact",
                                                    fontWeight: "normal"
                                                },

                                                legend:{
                                                    verticalAlign: "bottom",
                                                    horizontalAlign: "center"
                                                },
                                                data: [
                                                    {
                                                        //startAngle: 45,
                                                        indexLabelFontSize: 20,
                                                        indexLabelFontFamily: "Garamond",
                                                        indexLabelFontColor: "darkgrey",
                                                        indexLabelLineColor: "darkgrey",
                                                        indexLabelPlacement: "outside",
                                                        type: "doughnut",
                                                        showInLegend: true,
                                                        dataPoints: [
                                                            {if $sts->getRawTotalTraffic()!=0}
                                                            {
                                                                y: {(($sts->getRawUnusedTrafficUsage()/$sts->getRawTotalTraffic()))*100}, legendText:"未使用的流量 {number_format((($sts->getRawUnusedTrafficUsage()/$sts->getRawTotalTraffic()))*100,2)}% {(($sts->getUnusedTrafficUsage()))}", indexLabel: "未使用的流量 {number_format((($sts->getRawUnusedTrafficUsage()/$sts->getRawTotalTraffic()))*100,2)}% {(($sts->getUnusedTrafficUsage()))}"
                                                            },
                                                            {
                                                                y: {(($sts->getRawLastTrafficUsage()/$sts->getRawTotalTraffic()))*100}, legendText:"已使用的流量 {number_format((($sts->getRawLastTrafficUsage()/$sts->getRawTotalTraffic()))*100,2)}% {(($sts->getLastTrafficUsage()))}", indexLabel: "已使用的流量 {number_format((($sts->getRawLastTrafficUsage()/$sts->getRawTotalTraffic()))*100,2)}% {(($sts->getLastTrafficUsage()))}"
                                                            },
                                                            {
                                                                y: {(($sts->getRawTodayTrafficUsage()/$sts->getRawTotalTraffic()))*100}, legendText:"今日使用的流量 {number_format((($sts->getRawTodayTrafficUsage()/$sts->getRawTotalTraffic()))*100,2)}% {(($sts->getTodayTrafficUsage()))}", indexLabel: "今日使用的流量 {number_format((($sts->getRawTodayTrafficUsage()/$sts->getRawTotalTraffic()))*100,2)}% {(($sts->getTodayTrafficUsage()))}"
                                                            }
                                                            {/if}
                                                        ]
                                                    }
                                                ]
                                            });

                                        chart.render();
									</script>

								</div>

							</div>
						</div>


					</div>

				</div>
			</div>
		</section>
	</div>
</main>














{include file='admin/footer.tpl'}